import React from 'react'
import { Alert, Carousel } from 'antd'

type NotifyUIProps = {
  Url?: string
  Status?: boolean
}

const NotifyUI = (props: NotifyUIProps) => {
  const { Status } = props
  const renderCarousel = () => {
    return (
      <Carousel autoplay dots={false}>
        <div className='content'>公告🪧：1xxx xx</div>
        <div className='content'>公告🪧：2xxx xx</div>
        <div className='content'>公告🪧：3xxx xx</div>
        <div className='content'>公告🪧：4xxx xx</div>
      </Carousel>
    )
  }
  return (
    <div>
      {Status ? (
        <Alert
          message=''
          description={renderCarousel()}
          type='info'
          closable
          className='notify'
        />
      ) : null}
    </div>
  )
}

export default NotifyUI
